<!-- 登录注册界面 -->
<template>
	<div id='loginAndRegister'>
		<div class="div_login">
			<nav>
				<div class='nav_loginAndRegister '>
					<router-link to="/login/register" name="register" class="nav-link">
						注册
					</router-link>
				</div>
				<div class='nav_loginAndRegister'>
					<router-link to="/login/login" name="login" class="nav-link">
						登录
					</router-link>
				</div>
			</nav>
			<div class="div_showLogin">
				<router-view></router-view>
			</div>

		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {

			}
		}
	}
</script>

<style lang="less" scoped>
	#loginAndRegister {
		width: 100%;
		height: 100%;
		/*no*/
		position: relative;
		
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 11;
		background: url("../assets/bgc.jpg");
		background-size: 1920px 937px;

		.div_login {
			width: 520px;
			height: 420px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);

			nav {
				width: 100%;
				height: 72px;
				position: absolute;
				background-color: rgba(255, 255, 255, 0.3);

				/*no*/
				.nav_loginAndRegister {
					width: 50%;
					height: 72px;
					font-size: 25px;
					line-height: 72px;

					float: left;

					.nav-link {
						color: rgba(255, 255, 255, 0.5);
					}

					.router-link-active {
						color: rgba(255, 255, 255, 1);


					}
				}



			}
		}

		.div_showLogin {
			width: 100%;
			height: 100%;




		}
	}
</style>
